
@import "fonts.css";
@import "highslide-gallery.css";
@import "colorbox.css";

*					{ margin:0px; padding:0px;}
p 					{ margin-bottom:15px; line-height:22px; }
b, .bold			{ font-weight:bold; }
sup					{ font-size:7px; }
.notification		{ cursor:pointer; }

img					{ max-width:100%; }
.imgOpacity			{ opacity:1; -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; }
.imgOpacity:hover	{ opacity:0.7; }
.imgBorder			{ padding:1px; background:#fff; box-shadow:0 0 0 4px #f0d1a1, 0 0 0 5px rgba(0,0,0,0.4); }
.imgProduk			{ margin-right:65px; }

hr					{ color:none; clear:both; float:none; width:100%; height:1px; margin:0 0 15px 0; border:none; 
					  border-bottom:1px solid rgba(0,0,0,0.2); box-shadow:0 1px rgba(255,255,255,0.4); }
.clear,
.clearBoth			{ clear:both; margin:0 auto; padding:0px; }

.ul_style			{ margin:0 0 15px 25px; padding:0; list-style:outside; line-height:24px; }
.ul_style.none		{ list-style:none; }
.ul_style.decimal		{ list-style:decimal outside; }
.ul_style.lower-alpha	{ list-style:lower-alpha outside; }
.ul_style.circle		{ list-style:circle outside; }
.ul_style.square		{ list-style:square outside; }
.ul_style li		{ margin-bottom:px; }

/*---------------------------------------------------------------{ loader }-----------------------------------------------------------------------*/
#preloader				{ position:fixed; left:0px; top:0px; width:100%; height:100%; text-align:center; color:#447c18; background:#f4f6f4; 
						  z-index:9999; }
#preloader div			{ width:130px; padding-top:60px; height:30px; line-height:30px;  margin:auto; text-align:center; overflow:hidden;
						  background:red url(../img/frontend/loading.gif) no-repeat center; }
#preloader div p		{ margin:0; padding:0; }

/*---------------------------------------------------------------{ tooltip }----------------------------------------------------------------------*/
#tooltip 			{ position:absolute; border:1px solid #000; margin-bottom:30px; margin-top:-5px; font-size:12px; line-height:18px;
					  padding:3px 10px 5px 10px; color:#ccc; background:rgba(0,0,0,0.9); display:none; opacity: 0.90; border-radius:3px; z-index:1500; 
					  text-align:left; font-weight:bold;}
#tooltip:before		{ content:''; position:absolute; left:-8px; top:7px; width:0; height:0; border-right:7px solid rgba(0,0,0,0.85); 
					  border-top:6px solid transparent; border-bottom:6px solid transparent; }


/*--------------------------------------------------------------{ Back top }----------------------------------------------------------------------*/
.backTop 			{ position:relative; margin:0 10px -5px 0; padding:0px; width:40px; height:30px; 
					  background:#bb1d2d url(../img/frontend/topper.png) no-repeat center; -moz-transition: all 100ms linear; 
					  -webkit-transition: all 100ms linear; -o-transition: all 100ms linear; -ms-transition: all 100ms linear; 
					  transition: all 100ms linear; bottom:0; z-index:1100; }
.backTop:hover		{ opacity:0.8; background-position:center 0; }
.backTop:before		{ content:''; position:absolute; left:0; top:-10px; width:0px; height:0px; border-bottom:10px solid #bb1d2d; 
					  border-left:20px solid transparent; border-right:20px solid transparent; }
.backTop:after		{ content:''; position:absolute; left:8px; right:8px; top:-18px; height:15px; 
					  background:url(../img/frontend/topper_after.png) no-repeat center top; }
.backTop:hover:after	{ -moz-animation:topper 1s infinite; -webkit-animation:topper 1s infinite; }
@-moz-keyframes topper		{	0%	{ top:-18px; opacity:0; } 50%{ opacity:1; } 100%{ top:-30px; opacity:0; }	}
@-webkit-keyframes topper	{	0%	{ top:-18px; opacity:0; } 50%{ opacity:1; } 100%{ top:-30px; opacity:0; }	}


/*----------------------------------------------------------------{ alert }-----------------------------------------------------------------------*/
.alert				{ margin:3px; padding:5px 10px 5px 35px; display:block; line-height:20px; font-family:Tahoma; background:#f5f5f5;
					  border:1px solid; text-shadow:none; box-shadow:0 0 0 1px rgba(255,255,255,0.1); -webkit-transition: all 100ms linear; 
					  -moz-transition: all 100ms linear; -o-transition: all 100ms linear; -ms-transition: all 100ms linear; 
					  transition: all 100ms linear; font-weight:normal; }
	.success		{ color:#00632e; border-color:#339933; background:#d1e8d2 url(../img/frontend/tick_circle.png) no-repeat 10px 7px; }
	.error			{ color:#820101; border-color:#dc1c1c; background:#facfcf url(../img/frontend/cross_circle.png) no-repeat 10px 7px; }
	.warning		{ color:#675100; border-color:#d4b64b; background:#fdefbd url(../img/frontend/exclamation.png) no-repeat 10px 7px; }
	.info			{ color:#00357b; border-color:#9dbfea; background:#d8e7fa url(../img/frontend/information.png) no-repeat 10px 7px; }
	.note			{ color:#4d4d4d; border-color:#bdbdbd; background:#f4f4f4 url(../img/frontend/notebook.png) no-repeat 10px 7px; }
.alert:hover		{ opacity:0.8; }
.notification		{ cursor:pointer; }

/*------------------------------------------------------------{ Blobal Link }---------------------------------------------------------------------*/
a:link 		{ text-decoration:none; color:#238eae; }
a:visited 	{ text-decoration:none; color:#238eae; }
a:hover 	{ text-decoration:none; color:#279ac4; }
a:active 	{ text-decoration:none; color:#000; }
a 			{ outline:none !important; }
a img		{ border:none; }


/*--------------------------------------------------------------{ Heading }-----------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { color:#333; font-family:Roboto, Arial; font-style:normal; font-weight:bold; margin:0 0 10px 0; padding:0; }
h1 { font-size:54px; }
h2 { font-size:30px; }
h3 { font-size:20px; }
h4 { font-size:18px; }
h5 { font-size:15px; }
h6 { font-size:13px; }


/*--------------------------------------------------------------{ button }------------------------------------------------------------------------*/
.button 				{ display:inline-block; margin:5px 0; }
button.button,
.button a				{ display:inline-block; margin:0; padding:5px 15px; font-size:15px; color:#777; text-shadow:0 1px rgba(255,255,255,0.3); 
						  font-weight:bold; background:#ccc; border-radius:5px; box-shadow:inset 0 0 0 2px #ccc,0 3px #bf1e2e,0 5px rgba(0,0,0,0.1); 
						  background:-moz-linear-gradient(top,#ddd,#ccc); background:-webkit-linear-gradient(top,#ddd,#ccc); text-align:center;
						  -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
button.button:hover,
.button a:hover			{ color:#888; text-shadow:none; background:rgba(204,204,204,0.3); }

button.button			{ cursor:pointer; border:none; font-family:Roboto,Arial; }

button.button.gray,
.button.gray a			{ color:#666; box-shadow:inset 0 0 0 2px #999,0 3px #bf1e2e,0 5px rgba(0,0,0,0.1); background:#999;
						  background:-moz-linear-gradient(top,#bbb,#999); background:-webkit-linear-gradient(top,#bbb,#999); }
button.button.gray:hover,
.button.gray a:hover	{ color:#777; background:rgba(64,64,65,0.2); }

button.button.red,
.button.red a			{ color:#fff; box-shadow:inset 0 0 0 2px #bf1e2e,0 3px #fff,0 5px rgba(0,0,0,0.1); background:#fc6a82; 
						  background:-moz-linear-gradient(top,#fc6a82,#bf1e2e); background:-webkit-linear-gradient(top,#fc6a82,#bf1e2e);
						  text-shadow:0 1px rgba(0,0,0,0.2); }
button.button.red:hover,
.button.red a:hover		{ color:#bf1e2e; text-shadow:none; background:rgba(191,30,46,0.2); }

button.button.gold,
.button.gold a			{ color:#bf1e2e; box-shadow:inset 0 0 0 2px #d6b889,0 3px #bf1e2e,0 5px rgba(0,0,0,0.1); background:#f1d9aa; 
						  background:-moz-linear-gradient(top,#f1d9aa,#d6b889); background:-webkit-linear-gradient(top,#f1d9aa,#d6b889);
						  text-shadow:0 1px rgba(255,255,255,0.2); }
button.button.gold:hover,
.button.gold a:hover	{ color:#b69154; text-shadow:none; background:rgba(214,184,137,0.2); }

button.button.green,
.button.green a			{ color:#fff; box-shadow:inset 0 0 0 2px #28afa1,0 3px #bf1e2e,0 5px rgba(0,0,0,0.1); background:#46d6c3; 
						  background:-moz-linear-gradient(top,#46d6c3,#28afa1); background:-webkit-linear-gradient(top,#46d6c3,#28afa1);
						  text-shadow:0 1px rgba(0,0,0,0.2); }
button.button.green:hover,
.button.green a:hover	{ color:#28afa1; text-shadow:none; background:rgba(40,175,161,0.2); }

button.button.blue,
.button.blue a			{ color:#fff; box-shadow:inset 0 0 0 2px #1f85c0,0 3px #bf1e2e,0 5px rgba(0,0,0,0.1); background:#50b6f1;
						  background:-moz-linear-gradient(top,#50b6f1,#1f85c0); background:-webkit-linear-gradient(top,#50b6f1,#1f85c0);
						  text-shadow:0 1px rgba(0,0,0,0.2); }
button.button.blue:hover,
.button.blue a:hover	{ color:#1f85c0; text-shadow:none; background:rgba(31,133,192,0.2); }

button.button.large,
.button.large a		{ padding:10px 20px; font-size:17px; }



/*---------------------------------------------------------------{ layout }-----------------------------------------------------------------------*/
header,nav,section,article,
aside,details,figcaption,
figure,summary,footer	{ display:block; margin:0; padding:0; }
audio,canvas,video		{ display:inline-block; }
html					{ margin:0; padding:0; width:100%; height:100%; }
body					{ margin:0; padding:0; width:100%; height:100%; font-family:Roboto,Arial; font-size:13px; font-weight:normal; 
						  color:#555; background:#f6f9de; }

.wrap					{ position:relative; margin:0 auto; padding:0; max-width:1000px; }
.box					{ margin:0; padding:0; }


.boxTwo,.boxThree,.boxFour,.boxFive,
.boxTwoOne				{ margin:0; padding:0; }

.boxTwo					{ float:left; width:50%; }
.boxThree				{ float:left; width:33.33%; }
.boxFour				{ float:left; width:25%; }
.boxFive				{ float:left; width:20%; }
.boxTwoOne				{ float:left; width:66.66%; }

.marXY50				{ margin:50px; }
.marXY40				{ margin:40px; }
.marXY30				{ margin:30px; }
.marXY20				{ margin:20px; }
.marXY10				{ margin:10px; }

.marY50					{ margin-top:50px; margin-top:50px; }
.marY40					{ margin-top:40px; margin-top:40px; }
.marY30					{ margin-top:30px; margin-top:30px; }
.marY20					{ margin-top:20px; margin-top:20px; }
.marY10					{ margin-top:10px; margin-top:10px; }

.marX50					{ margin-left:50px; margin-right:50px; }
.marX40					{ margin-left:40px; margin-right:40px; }
.marX30					{ margin-left:30px; margin-right:30px; }
.marX20					{ margin-left:20px; margin-right:20px; }
.marX10					{ margin-left:10px; margin-right:10px; }

.padXY50				{ padding:50px; }
.padXY40				{ padding:40px; }
.padXY30				{ padding:30px; }
.padXY20				{ padding:20px; }
.padXY10				{ padding:10px; }

.padY50					{ padding-top:50px; padding-bottom:50px; }
.padY40					{ padding-top:40px; padding-bottom:40px; }
.padY30					{ padding-top:30px; padding-bottom:30px; }
.padY20					{ padding-top:20px; padding-bottom:20px; }
.padY10					{ padding-top:10px; padding-bottom:10px; }

.padX50					{ padding-left:50px; padding-right:50px; }
.padX40					{ padding-left:40px; padding-right:40px; }
.padX30					{ padding-left:30px; padding-right:30px; }
.padX20					{ padding-left:20px; padding-right:20px; }
.padX10					{ padding-left:10px; padding-right:10px; }

.fLeft					{ float:left; }
.fRight					{ float:right; }




/*----------------------------------------------------------------{ header }----------------------------------------------------------------------*/
#header					{ position:relative; margin:0; padding:0; height:75px; z-index:1001; border-bottom:4px solid #b21c2b; 
						  background:#d5b889; background:-moz-linear-gradient(top, #fcddad, #b49768);
						  background:-webkit-linear-gradient(top, #fcddad, #b49768); box-shadow:0 5px 4px rgba(0,0,0,0.4),inset 0 -1px rgba(0,0,0,0.5); }


/*-----------------------------------------------------------------{ Menu }-----------------------------------------------------------------------*/
#navigation				{ position:relative; margin:0 auto; padding:0; max-width:; height:75px; text-align:center; }

#menu					{ position:relative; display:inline-block; margin:0; padding:0; list-style:none; text-transform:uppercase; 
						  border-left:1px solid rgba(0,0,0,0.2); border-right:1px solid rgba(255,255,255,0.3); }
#menu li				{ position:relative; float:left; margin:0; padding:0; font-size:15px; font-weight:bold; color:#7c5233; 
						  border-left:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(0,0,0,0.2); -moz-transition:0.3s; 
						  -webkit-transition:0.3s; transition:.3s; }
#menu li a				{ display:block; margin:0 ; padding:0 20px; line-height:75px; color:#7c5233; text-shadow:0 1px rgba(255,255,255,0.3); 
						  text-decoration:none; -moz-transition:0.3s; -webkit-transition:0.3s; transition:.3s; }
#menu li:hover			{ background-color:#cd3b4c; }
#menu li.active			{ background-color:#cd3b4c; }
#menu li.active:after	{ content:''; position:absolute; left:0; right:0; bottom:-15px; height:15px; 
						  background:url(../img/frontend/menu_after.png) no-repeat center top; background-size:100% 100%; }
#menu li:hover a		{ color:#fff; text-shadow:0 1px rgba(0,0,0,0.3); }
#menu li.active a		{ background:url(../img/frontend/menu_light.png) no-repeat top; background-size:100% 60px; 
						  color:#fff; text-shadow:0 1px rgba(0,0,0,0.3); }

#menu li ul				{ position:absolute; left:0; top:100%; padding:15px 0; width:240px; text-transform:none; border-radius:0 0 5px 5px;
						  box-shadow:inset 0 4px #6f1d21,0 2px 4px rgba(0,0,0,0.7); z-index:100; background:#d8ba8b; 
						  background:rgba(216,186,139,0.9); }
#menu li ul li			{ float:none; position:relative; display:block; margin:0; padding:0; text-align:left; font-weight:bold; font-size:13px; }
#menu li:hover ul li	{ border:none; background-color:transparent; }
#menu li:hover ul li a	{ color:#7c5233; text-shadow:none; }
#menu li.active ul li a,
#menu li ul li a		{ padding-left:35px; color:#7c5233; line-height:25px; 
						  background:url(../img/frontend/menu_bullet.png) no-repeat 15px center; }
#menu li ul li:hover a	{ padding-left:45px; color:#6f1d21; background-position:30px center; }

#menu li ul ul			{ left:241px; top:0px; box-shadow:2px 1px 3px rgba(0,0,0,0.5); border-radius:0 5px 5px 0; }
#menu li ul li:hover li a 	{ padding-left:35px; color:#7c5233; background-position:15px center; }
#menu li ul li:hover li:hover a { padding-left:45px; color:#6f1d21; background-position:30px center; }

#menu li ul:before		{ content:''; position:absolute; left:10%; top:-10px; width:0; height:0; border-bottom:10px solid #6f1d21;
						  border-left:10px solid transparent; border-right:10px solid transparent; }
#menu li ul li ul:before{ display:none; }

.slide_effect ul,
.slide_effect li>div	{ display:block!important; visibility:hidden; -ms-filter:"alpha(opacity=0)"; filter:alpha(opacity=0); opacity:0; 
						  -webkit-transform:translate3d(0,50px,0); -moz-transform:translateY(50px); -o-transform:translateY(50px); 
						  -ms-transform:translateY(50px); transform:translateY(50px); 
						  -webkit-transition:visibility 0s linear .2s,-webkit-transform .2s linear,opacity .2s linear; 
						  -moz-transition:visibility 0s linear .2s,-moz-transform .2s linear,opacity .2s linear; 
						  -o-transition:visibility 0s linear .2s,-o-transform .2s linear,opacity .2s linear; 
						  -ms-transition:visibility 0s linear .2s,-ms-transform .2s linear,opacity .2s linear; 
						  transition:visibility 0s linear .2s,transform .2s linear,opacity .2s linear; }
.slide_effect li:hover>ul,
.slide_effect li:hover>div	{ visibility:visible; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); opacity:1; 
							  -webkit-transform:translate3d(0,0,0); -moz-transform:translateY(0); -o-transform:translateY(0); 
							  -ms-transform:translateY(0); transform:translateY(0); 
							  -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; -ms-transition-delay:0s; 
							  transition-delay:0s; }

#menu_responsive		{ display:none; margin:0 10px; padding:0; height:75px; text-align:right; background:rgba(0,0,0,0); }
#menu_responsive .button_menu1			{ position:relative; display:inline-block; margin:0; padding:0 10px; height:100px; text-align:center; }
#menu_responsive .button_menu1:before	{ content:''; display:inline-block; margin-top:20px; width:35px; height:35px; border-radius:0px; cursor:pointer;
										  background:url(../img/frontend/menu_responsive.png) no-repeat left top; }
#menu_responsive .openheader:before		{ background-position:left bottom; }
						  
#menu_responsive ul		{ position:relative; margin:0; padding:0 0 5px 0; list-style:none; line-height:normal; border-top:4px solid #6f1d21; 
						  text-align:left; border-radius:5px; background:#d5b889; background:rgba(219,189,142,0.98); 
						  box-shadow:0 3px 5px rgba(0,0,0,0.7); }
#menu_responsive ul li	{ border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(0,0,0,0.3); }
#menu_responsive ul li a{ display:block; margin:0; padding:0 20px; line-height:50px; font-weight:bold; color:#7c5233; 
						  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; 
						  -ms-transition: all 200ms linear; transition: all 200ms linear; text-shadow:0 1px rgba(255,255,255,0.2); }
#menu_responsive ul li a:hover	{ padding-left:30px; color:#6f1d21; text-decoration:none; background-color:rgba(255,255,255,0.2); }
#menu_responsive ul:before		{ content:''; position:absolute; top:-15px; right:13px; height:0; width:0; border-bottom:15px solid #6f1d21;
								  border-left:15px solid transparent; border-right:15px solid transparent; }
#menu_responsive ul li ul:before{ display:none; }

#menu_responsive ul li ul		{ padding-top:0; padding-bottom:2px; border-top:1px solid rgba(0,0,0,0.2); border-radius:0; box-shadow:none; }
#menu_responsive ul li ul li a	{ padding-left:50px; background:rgba(0,0,0,0.05) url(../img/frontend/menu_bullet.png) no-repeat 30px center; }
#menu_responsive ul li ul li a:hover{ padding-left:60px; background-position:45px center; }

#menu_responsive ul li ul li ul li a{ padding-left:60px; background-position:40px center; background-color:rgba(0,0,0,0.1); }
#menu_responsive ul li ul li ul li a:hover{ padding-left:70px; background-position:55px center; }

#menu_responsive ul li a.openheader		{ background-image:url(../img/frontend/openheader.png); background-repeat:no-repeat;
										  background-position:right top; }
#menu_responsive ul li a.closedheader	{ background-image:url(../img/frontend/closedheader.png); background-repeat:no-repeat;
										  background-position:right top; background-color:rgba(255,255,255,0.2); }
										  
#menu_responsive ul li li a.openheader	{ background-image:url(../img/frontend/openheader2.png); background-repeat:no-repeat;
										  background-position:30px center; }
#menu_responsive ul li li a.closedheader{ background-image:url(../img/frontend/closedheader2.png); background-repeat:no-repeat;
										  background-position:30px center; }
#menu_responsive .bLogin a,
#menu_responsive .bRegister a	{ color:#fff; text-shadow:0 1px rgba(0,0,0,0.2); }


/*--------------------------------------------------------------{ logo }--------------------------------------------------------------------------*/
#menu li.logo			{ margin:0 -1px; padding:0 0; width:200px; height:75px; background:#c2a476; border:none; }
#menu li.logo a			{ position:relative; display:block; margin:-10px 0 0 0; padding:0; box-shadow:0 5px 3px rgba(0,0,0,0.6); 
						  background:#c2a476 url(../img/frontend/logo_bg.png) repeat-y center top; background-size:100% 2px; }
#menu li.logo a:after	{ content:''; position:absolute; left:0; right:0; bottom:-30px; height:30px;
						  background:url(../img/frontend/logo_after.png) no-repeat center top; background-size:100% 100%; }
#menu li.logo a span	{ display:block; padding:20px 10px 0 10px; background:url(../img/frontend/logo_light.png) no-repeat center top;
						  -moz-transition:0.2s; -webkit-transition:0.2s; transition:0.2s; }
#menu li.logo a:hover span	{ padding-top:15px; }
#menu li.logo img		{ max-width:100%; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
#menu li.logo img:hover	{ opacity:0.7; }

div.logo				{ display:none; float:left; margin:0 0 0 15px; padding:5px 30px; height:80px; border-radius:0 0 10px 10px;
						  background:#d5b889 url(../img/frontend/logo_bg.png) repeat-y center top; border-left:1px solid rgba(0,0,0,0.2);
						  border-right:1px solid rgba(0,0,0,0.2); box-shadow:0 0 0 4px rgba(255,255,255,0.3),inset 0 0 0 1px rgba(255,255,255,0.2); }
div.logo img			{ height:100%; }


/*-------------------------------------------------------------{ banner }-------------------------------------------------------------------------*/
#animation				{ position:relative; margin:0 auto; padding:0; width:100%; background:#333; border-bottom:4px solid #dcc194; }
#banner					{ position:relative; margin:0 auto; padding:0; width:100%; min-height:120px; text-align:center; border-bottom:4px solid #dcc194; 
						  background:#333 url(../img/frontend/banner_bg.png) no-repeat center top; }
#banner:after,
#animation:after		{ content:''; position:absolute; left:0; right:0; bottom:0; height:70px; z-index:1000; 
						  background:url(../img/frontend/animation_after.png) repeat-x bottom; }
#banner img				{ width:100%; }

.title_page				{ padding:10px 20px; line-height:29px; background:rgba(255,255,255,0.3);  border:1px solid rgba(255,255,255,0.4);
						  border-bottom:0; border-radius:5px 5px 0 0; }
.title_page	h1			{ margin:0; padding:0; font-size:20px; color:#fff; font-family:Oswald; font-weight:normal; letter-spacing:1px; 
						  text-shadow:0 2px 1px rgba(0,0,0,0.6); }



/*--------------------------------------------------------------{ main }--------------------------------------------------------------------------*/
#main					{ margin:0 auto; padding:0; border-top:1px solid #f6f9de; background:url(../img/frontend/main_bg.png) repeat-x top; }
#banner ~ #main,
#animation ~ #main		{  }
#banner ~ #main .wrap,
#animation ~ #main .wrap{ margin-top:-50px; z-index:1000; }
#main:after				{ content:''; display:block; width:100%; height:60px; background:url(../img/frontend/main_after.png) no-repeat center bottom;
						  background-size:100% 100%; margin-top:; }

.container				{ position:relative; margin:0; padding:0; font-weight:; }
.content				{ float:left; padding:20px 0; width:690px; }
.content h2				{ font-size:25px; font-weight:normal; }
.content h2 strong		{ color:#bf1e2e; }
.content ol,
.content ul				{ margin:0 0 15px 25px; list-style-position:outside; line-height:25px; }
.content img			{ max-width:100%; }

.content .numbering ol			{ margin:0 0 20px 28px; counter-reset:section; list-style-type: none; }
.content .numbering ol ol		{ margin:0 0 10px 30px; }
.content .numbering ol ol ol	{ margin:0 0 10px 40px; }
.content .numbering ol ol ol ol	{ margin:0 0 10px 50px; }
.content .numbering ol li		{ counter-increment: section; position:relative; }
.content .numbering ol li:before			{ content: counters(section, ".") ". "; position:absolute; text-align:right; left:-28px; width:20px; }
.content .numbering ol li li:before			{ left:-38px; width:30px; }
.content .numbering ol li li li:before		{ left:-48px; width:40px; }
.content .numbering ol li li li li:before	{ left:-58px; width:50px; }
.content .numbering ol.no-style			{ margin:0 0 10px 0; }
.content .numbering li.no-style:before	{ display:none; }
.content .numbering ul li:before		{ display:none; }

.about_box				{ position:relative; margin:20px; padding:0; }
.about_box .img			{ float:left; margin:0; padding:3px; width:55px; height:65px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.2); }
.about_box .img img		{ width:100%; height:100%; }
.about_box h3			{ margin-bottom:20px; font-size:25px; line-height:25px; font-weight:normal; }
.about_box h3 img		{ float:left; margin-right:10px; }
.about_box h3 strong	{ color:#bf1e2e; }
.about_box span			{ display:block; margin-bottom:10px; color:#999; }
.about_box .desc		{ margin-bottom:15px; height:161px; overflow:hidden; }
.about_box .img ~ .desc	{ margin:0 0 15px 73px; }
.about_box p			{ line-height:20px; }
.about_box .button		{ display:block; padding:10px 0; border-top:1px solid rgba(0,0,0,0.2); }
.hr_right				{ box-shadow:inset -1px 0 rgba(0,0,0,0.1); }

ul.box_slide			{ margin:0; padding:0; list-style:none; }
ul.box_slide li			{ margin:0; padding:0; }
ul.box_slide li .desc 	{ display:block; height:156px; overflow:hidden; }
ul.box_slide li .desc h4	{ margin-bottom:0; font-size:14px; line-height:normal; }
ul.box_slide li .desc span	{ display:block; margin-bottom:4px; color:#999; }
ul.box_slide li p			{ line-height:normal; }

.bx-default-pager		{ display:none;  }
.bx-controls-direction	{ display:block; position: absolute; bottom:15px; right:0; background:; z-index:100;  }
.bx-wrapper .bx-prev	{ float:left; margin-right:5px; background:url(../img/frontend/tArrow.png) no-repeat left center; }
.bx-wrapper .bx-next	{ float:right; margin-right:5px; background:url(../img/frontend/tArrow.png) no-repeat right center; }
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover	{ opacity:0.7; }
.bx-wrapper .bx-prev:active,
.bx-wrapper .bx-next:active	{ opacity:1; }
.bx-wrapper .bx-controls-direction a { width:12px; height:15px; display:block; text-indent: -9999px; z-index: 99; }


.sidebar				{ float:right; padding:0 10px 0 0; width:280px; }

.news_box				{ position:relative; margin:0; padding:0 7px 10px 7px; background:url(../img/frontend/news_box.png) repeat-y center; 
						  background-size:100% 100%; }
.news_box:after			{ content:''; position:absolute; left:0; right:0; bottom:-24px; height:24px; 
						  background:url(../img/frontend/news_box_after.png) no-repeat center top; background-size:100% 100%; }
#banner ~ #main .news_box,
#animation ~ #main .news_box { margin-top:-25px; }
.news_scroll			{ border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(255,255,255,0.2); }
.news_box h3			{ position:relative; top:-5px; margin:0; padding:10px 15px; color:#fff; font-size:17px; border-bottom:3px solid #c2a476; 
						  background:#ce3e4f; background:-moz-linear-gradient(top, #eb7d8a, #ce3e4f); 
						  background:-webkit-linear-gradient(top, #eb7d8a, #ce3e4f); text-shadow:0 1px rgba(0,0,0,0.3); }
.news_box h3 a			{ display:block; color:#fff; }
.news_box h3 a span		{ color:#ccc; }
.news_box h3 a:active span,
.news_box h3 a:active	{ color:#962e33; text-shadow:0 1px rgba(255,255,255,0.2); }
.news_box ul			{ margin:0; padding:0 10px; list-style:none; }
.news_box ul li			{ margin:0; padding:10px; border-bottom:1px solid rgba(0,0,0,0.2); box-shadow:0 1px rgba(255,255,255,0.2);
						  -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; }
.news_box ul li:hover	{ background:rgba(255,255,255,0.1); }
.news_box ul li h4		{ height:20px; overflow:hidden; margin-bottom:3px; font-size:13px; }
.news_box ul li h4 a	{ color:#333; }
.news_box ul li h4 a:hover	{ color:#555; }
.news_box ul li span	{ display:block; margin-bottom:5px; color:rgba(0,0,0,0.4); }
.news_box ul li p		{ margin:0; padding:0; line-height:15px; height:33px; overflow:hidden; }


.login_box				{ margin:0 auto; padding:30px 5px 10px 5px; text-align:center; border:1px solid rgba(0,0,0,0.2); border-radius:4px; 
						  background:#fff; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.login_box:hover		{ background:#eee; }
.login_box a			{ display:inline-block; }
.login_box .img			{ float:left; margin:0; padding:0; width:50px; height:50px; }
.login_box .img img		{ width:100%; height:100%; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.login_box:hover .img img	{ -moz-transform:scale(0.8); -webkit-transform:scale(0.8); transform:scale(0.8); }
.login_box .desc		{ margin-left:60px; padding:5px 0 5px 15px; line-height:22px; text-align:center; border-left:1px solid rgba(0,0,0,0.2); }
.login_box .desc span	{ display:block; color:#0974b3; font-size:20px; }
.login_box .desc strong	{ color:#f9ac3e; }
.login_box .desc sub	{ display:block; color:#b3b3b3; font-size:13px; font-weight:bold; }


/*-----------------------------------------------------------{ tabs_style }-----------------------------------------------------------------------*/
ul.tabs_style,
.tabs_style				{ margin:0 0 20px 0; padding:0; list-style:none; font-size:18px; font-weight:normal; 
						  background:#eee url(../img/frontend/pattern_bg.png) repeat; }
ul.tabs_style li,
.tabs_style li			{ display:inline-block; }
ul.tabs_style li a,
.tabs_style li a		{ display:block; padding:15px 25px; color:#555; background:url(../img/frontend/tabs_active.png) no-repeat center 60px; 
						  -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
ul.tabs_style li a:hover,
.tabs_style li a:hover	{ color:#fff; background-color:#01a6de; }
ul.tabs_style li.ui-tabs-active a,
.tabs_style li.ui-tabs-active a	{ color:#fff; text-shadow:0 1px rgba(0,0,0,0.3); background-color:#01a6de; background-position:center bottom; }


/*-------------------------------------------------------------{ product_list }---------------------------------------------------------------------*/
.product_list			{ margin:0; padding:20px 0; text-align:center; background:; }
.product_list .cover	{ position:relative; float:left; width:33.33%; text-align:center; }
.product_list .cover .box	{ margin:10px; padding:4px 0 20px 0; height:220px; background:#fff; border-radius:4px; -moz-transition:1s; 
							  -webkit-transition:1s; transition:1s; -moz-transform-style:preserve-3d; -webkit-transform-style:preserve-3d; 
							  transform-style:preserve-3d; box-shadow:0 0 3px rgba(0,0,0,.3); }
/*.product_list .cover:hover .box	{ transform:rotateY(180deg); }*/

.product_list .cover .box .img	{ position:absolute; left:0; right:0; top:4px; bottom:20px; border-radius:4px; text-align:center; 
								  z-index:2; opacity:1; -moz-transition:1s; -webkit-transition:1s; transition:1s; 
								  -moz-transform:translate3d(0,0,80px) scale(1); -webkit-transform:translate3d(0,0,80px) scale(1); 
								  transform:translate3d(0,0,80px) scale(1); background:#eee; background:-moz-linear-gradient(top,#eee,#fff,#eee); 
								  background:-webkit-linear-gradient(top,#eee,#fff,#eee); }
.product_list .cover:hover .box .img{ z-index:1; opacity:0; -moz-transform:translate3d(0,0,80px) scale(0.5); 
									  -webkit-transform:translate3d(0,0,80px) scale(0.5); transform:translate3d(0,0,80px) scale(0.5); }
.product_list .cover .box .img img	{ padding:10px 0 0 0; max-width:100%; max-height:100%; }/* image 200x150 px */
.product_list .cover .box .img h3	{ position:absolute; left:10%; right:10%; bottom:-15px; margin:0; padding:10px 5px; color:#fff; font-size:12px; 
									  text-shadow:0 1px rgba(0,0,0,0.2); text-transform:uppercase; background:#444; border-radius:4px; }

.product_list .cover .box .preview	{ position:absolute; left:0; right:0; top:4px; bottom:20px; padding:0 25px; border-radius:4px; 
									  z-index:1; opacity:0; -moz-transition:1s; -webkit-transition:1s; transition:1s; 
									  -moz-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); background:#eee; }
.product_list .cover:hover .box .preview{ z-index:2; opacity:1; -moz-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
.product_list .cover .box .preview p	{ margin-top:25%; padding:0; height:120px; line-height:20px; color:#777; font-size:14px; font-weight:bold;
										  overflow:hidden; position:relative; }
.product_list .cover .box .preview p:after	{ content:'...'; display:inline-block; }
.product_list .cover .box .preview .view a		{ position:absolute; left:10%; right:10%; bottom:-15px; margin:0; padding:10px 0; color:#fff; 
								  				  font-weight:bold; font-size:14px; text-shadow:0 1px rgba(0,0,0,0.2); border-radius:4px; 
												  background:#c89b52; -moz-transition:0.5s;-webkit-transition:0.5s;transition:0.5s; }
.product_list .cover .box .preview .view a:hover{ background:#d13a4a; text-decoration:none; }
.product_list .cover .box .preview .view a:active{ background:#444; }


/*-----------------------------------------------------------{ content_list }---------------------------------------------------------------------*/
.content_list			{ padding:0 10px; }
.content_list .list		{ position:relative; margin:0; padding:15px; text-align:justify; border-bottom:1px solid rgba(0,0,0,0.1); 
						  -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.content_list .list:hover{ background:rgba(0,0,0,0.03); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4); }

.content_list .list .img{ position:relative; float:left; width:149px; height:100px; background:#555; border:4px solid #dcc194; overflow:hidden; 
						  border-radius:0; box-shadow:0 0 0 1px rgba(0,0,0,0.4); -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.content_list .list .img:hover	{ border-color:#cd3b4c; }
.content_list .list .img img	{ width:100%; height:100%; -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; }
.content_list .list:hover .img img	{ -moz-transform:rotate(10deg) translate3d(-25px,25px,0) scale(1.2); 
									  -webkit-transform:rotate(10deg) translate3d(-25px,25px,0) scale(1.2);
									  transform:rotate(10deg) translate3d(-25px,25px,0) scale(1.2);}
.content_list .list:hover .img:hover img{ -moz-transform:rotate(0) translate3d(0,0,0) scale(1);-webkit-transform:rotate(0) translate3d(0,0,0) scale(1); 
										  transform:rotate(0) translate3d(0,0,0) scale(1);}
.content_list .list .img sub		{ position:absolute; left:0; right:0; bottom:0; top:0; padding:5px 0; font-size:11px; color:#fff; 
									  text-align:center; line-height:normal; opacity:0; background:rgba(178,28,43,0.5); -moz-transition:0.5s; 
									  -webkit-transition:0.5s; transition:0.5s; -moz-transform:translateY(100%); -webkit-transform:translateY(100%); 
									  transform:translateY(100%); text-shadow:0 1px rgba(0,0,0,0.2); font-weight:normal; }
.content_list .list:hover .img sub	{ opacity:1; -moz-transform:translateY(62%); -webkit-transform:translateY(62%); transform:translateY(62%); }
.content_list .list .img.photo		{ width:100px; height:100px; }
.content_list .list .img.imgLogo{ width:80px; height:80px; background:none; border:none; box-shadow:none; }
.content_list .list:hover .img.imgLogo img	{ -moz-transform:rotate(0) translate3d(0,0,0) scale(1); 
											  -webkit-transform:rotate(0) translate3d(0,0,0) scale(1);
											  transform:rotate(0) translate3d(0,0,0) scale(1);}

.content_list .list .date		{ position:relative; float:left; margin-left:-25px; width:70px; font-family:Oswald; -moz-transition:0.3s; 
								  -webkit-transition:0.3s; transition:0.3s; background:#cd3b4c; 
								  background:-moz-linear-gradient(left,#e06270 0%,#c03744 15%,#cd3b4c 100%);
								  background:-webkit-linear-gradient(left,#e06270 0%,#c03744 15%,#cd3b4c 100%);/**/ }
.content_list .list:hover .date	{ margin-left:-17px; box-shadow:-1px 1px 2px rgba(0,0,0,0.2); }
.content_list .list .date:before{ content:''; position:absolute; top:-5px; left:0; width:0; height:0; border-right:10px solid #6f1d21;
								  border-top:5px solid transparent; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.content_list .list .date:after	{ content:''; position:absolute; bottom:-5px; left:0; width:0; height:0; border-right:10px solid #6f1d21;
								  border-bottom:5px solid transparent; -moz-transition:0.2s; -webkit-transition:0.2s; transition:0.2s; }
.content_list .list:hover .date:after,
.content_list .list:hover .date:before	{ border-right:3px solid #9b2475; }
.content_list .list .date span	{ display:block; padding:0; height:40px; color:#fff; text-shadow:0 2px rgba(0,0,0,0.2);
								  text-align:center; background:url(../img/frontend/pattern_hLight.png); }
.content_list .list .date span:after{ content:''; position:absolute; top:3px; right:-10px; width:0; height:0; border-left:10px solid #cd3b4c;
									  border-top:17px solid transparent; border-bottom:17px solid transparent; }
.content_list .list .date sub		{ display:block; padding:5px 0 0 0; line-height:30px; -moz-transition:0.5s; -webkit-transition:0.5s; 
									  transition:0.5s; }
.content_list .list .date sub.day			{ font-size:12px; opacity:1; }
.content_list .list .date sub.day strong	{ font-size:20px; }
.content_list .list .date:hover sub.day		{ opacity:0; }
.content_list .list .date sub.year			{ font-size:20px; position:absolute; left:0; right:0; top:0; opacity:0; }
.content_list .list .date:hover sub.year	{ opacity:1; }

.content_list .list .img ~ .desc	{ margin-left:175px; }
.content_list .list .img.photo ~ .desc	{ margin-left:125px; }
.content_list .list .img.imgLogo ~ .desc{ margin-left:100px; }
.content_list .list .date ~ .desc	{ margin-left:70px; }
.content_list .list .desc h3		{ margin-bottom:5px; color:#888; font-size:16px; }
.content_list .list .desc h3 a		{ color:#777; }
.content_list .list .desc h3 a:hover{ color:#555; }
.content_list .list .desc span		{ display:block; margin-bottom:10px; color:#f27d00; font-weight:normal; }
.content_list .list .desc p			{ margin:0 0 15px 0; padding:0; }
.content_list .list .button			{ display:block; margin-top:10px; text-align:right; }

.content_list.detail .list	{ text-align:left; border:none; box-shadow:none; background:none; }
.content_list.detail .list:first-child .desc h3:after	{ display:none; }
.content_list.detail .list img		{ margin-bottom:15px; box-shadow:0 0 0 3px #eaeaea, 0 0 0 4px #ccc; }
.content_list.detail .list .img img	{ margin:0; border:none; }
.content_list.detail .list .desc span	{ color:#666; }


.download				{ }
.download .list .folderIcon				{ position:relative; float:left; margin:0; padding:0; width:80px; height:80px; text-align:center; 
										  background:url(../img/frontend/folder_back.png) no-repeat center bottom; 
										  -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.download .list .folderIcon:after		{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; 
										  background:url(../img/frontend/folder_front.png) no-repeat center bottom; }
.download .list:hover .folderIcon		{ margin-left:5px; }
.download .list .folderIcon .boxIcon	{ position:relative; margin:0 auto; padding:20px 0 0 0; width:50px; height:50px; overflow:hidden; 
										  background:rgba(51,51,51,0.0); }
.download .list .folderIcon .boxIcon img{ position:relative; z-index:1; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.download .list:hover .folderIcon .boxIcon img{ -moz-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px); }
.download .list .folderIcon:hover .boxIcon img{ z-index:2; -moz-animation:file 1s forwards; -webkit-animation:file 1s forwards; 
												animation:file 1s forwards; }

.download .list .iconDown				{ position:absolute; top:-30px; left:30%; width:24px; height:24px; opacity:0.7; z-index:1;
										  background:transparent url(../img/frontend/arrow_down_red.png) no-repeat top left; }
.download .list:hover .iconDown			{ -moz-animation:slideDown 0.9s linear infinite; -webkit-animation:slideDown 0.9s linear infinite; 
										  animation:slideDown 0.9s linear infinite; }

.download .list .desc					{ position:relative; border-radius:5px; -moz-transition:0.5s 0.7s; -webkit-transition:0.5s 0.7s; 
										  transition:0.5s 0.7s; }
.download .list .desc span				{ margin:0; line-height:20px; font-size:12px; font-weight:bold; }
.download .list .desc span b			{ color:#777; }

.download .list .folderIcon ~ .desc		{ margin-left:90px; padding:5px 15px; border:1px solid transparent; }
.download .list .folderIcon:hover ~ .desc	{ border-color:#e7ad3c; }

@keyframes slideDown				{ 0% { top: -30px; } 100% { top: 80px;} }
@-webkit-keyframes slideDown		{ 0% { top: -30px; } 100% { top: 80px;} }
@-moz-keyframes slideDown			{ 0% { top: -30px; } 100% { top: 80px;} }

@keyframes file			{ 0% { transform:translateY(0); } 50% { transform:translateY(-100%); } 100% { transform:translateY(0); } }
@-moz-keyframes file	{ 0% { -moz-transform:translateY(0); } 50% { -moz-transform:translateY(-100%); } 100% { -moz-transform:translateY(0); } }
@-webkit-keyframes file	{ 0% { -webkit-transform:translateY(0); } 50% { -webkit-transform:translateY(-100%); } 100% { -webkit-transform:translateY(0); } }

.download.detail .list						{ margin:20px auto; padding:0 15px 15px 15px; /*max-width:500px;*/ text-align:center; border-radius:5px; 
											  border:1px solid rgba(0,0,0,0.1); background:rgba(255,255,255,0.2); }
.download.detail .list img					{ border:none; box-shadow:none; }
.download.detail .list:hover .folderIcon,
.download.detail .list .folderIcon			{ float:none; margin:0 auto 10px auto; }
.download.detail .list .folderIcon ~ .desc	{ margin:0; padding:15px 10px; background:rgba(255,255,255,0.3); }
.download.detail .list .desc h3				{ font-size:15px; }
.download.detail .list .desc span			{ color:#f27d00; }

.download .list .downSecurity		{ margin-top:15px; padding:15px; text-align:left; border:1px solid rgba(0,0,0,0.1); border-radius:5px; 
									  background:rgba(255,255,255,0.3); }
.download .list:hover .downSecurity	{ background:rgba(255,255,255,0.7); }
.download .list .downSecurity label	{ display:block; float:left; padding:5px 0; width:150px; line-height:25px; font-size:12px;color:#999; 
									  font-weight:bold; }
.download .list .downSecurity span	{ display:block; margin-left:160px; padding:5px 0; line-height:25px; position:relative; }
.download .list .downSecurity span input{ margin:0 0 0 0; padding:0; width:105px; height:25px; color:#6a6e72; text-align:center; 
										  border:1px solid rgba(0,0,0,0.2); box-shadow:inset 1px 1px 1px rgba(51,51,51,0.1); font-weight:bold; }
 
.download .list .downSecurity span span.textError	{ position:absolute; top:-25px; left:0; z-index:1; margin:0; width:auto; 
												  	  text-align:left; background:url(../img/frontend/span_error_bg.png) no-repeat 10px bottom;}
.download .list .downSecurity span span.textError p	{ margin:0; padding:3px 7px; line-height:normal; font-size:10px; color:#ccc; 
												 	  background:#000; background:rgba(0,0,0,0.9); border:1px solid #000; border-radius:3px; }




/*------------------------------------------------------------{ content_box }---------------------------------------------------------------------*/
.content_box			{ }
.content_box .cover		{ float:left; width:33.33%; }
.content_box .cover .box{ position:relative; margin:10px; height:170px; background:#eee; /*border-radius:5px;*/ }

.gallery				{ text-align:center; }
.content_box.gallery .cover .box{ border:4px solid #fff; border-bottom-width:14px; border-radius:3px; box-shadow:0 1px 3px rgba(0,0,0,0.2); 
								  overflow:hidden; }
.content_box.gallery .cover .box img		{ width:100%; height:100%; border-radius:0; opacity:1; z-index:2; 
											  -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; }
.content_box.gallery .cover .box:hover img	{ opacity:0.5; z-index:1; -moz-transform:scale(2) rotate(10deg); -webkit-transform:scale(2) rotate(10deg);
											  transform:scale(2) rotate(10deg); }

.content_box.gallery .cover .box .preview	{ position:absolute; left:0; top:0; right:0; bottom:0; color:#fff; background:rgba(0,0,0,0.7); 
											  opacity:0; z-index:1; overflow:hidden; -moz-transition:1s; -webkit-transition:1s; transition:1s; }
.content_box.gallery .cover .box:hover .preview	{ opacity:2; z-index:1; border-radius:5px; -moz-transform:rotateY(360deg) scale(0.9); 
												  -webkit-transform:rotateY(360deg) scale(0.9); transform:rotateY(360deg) scale(0.9); }
.content_box.gallery .cover .box .preview h4	{ margin:5px 10px; padding:5px; color:#d9bc8d; max-height:35px; border-bottom:2px solid #d9bc8d; 
												  overflow:hidden; font-size:13px; }
.content_box.gallery .cover .box .preview p		{ margin:0 0 10px 0; padding:5px; height:52px; line-height:normal; overflow:hidden; }

.content_box.gallery .cover .box.photo_bg			{ background:#eee; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.content_box.gallery .cover .box.photo_bg:hover		{ box-shadow:0 2px 3px rgba(0,0,0,0.5); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); 
													  transform:scale(1.05); }
.content_box.gallery .cover .box.photo_bg:hover img	{ opacity:1; z-index:1; -moz-transform:scale(1.5) rotate(10deg); 
													  -webkit-transform:scale(1.5) rotate(10deg); transform:scale(1.5) rotate(10deg); }


.video					{ text-align:center; }
.content_box.video .cover		{ width:50%; }
.content_box.video .cover .box	{ margin:10px 10px 0 10px; padding:5px; height:200px; border:4px solid #c5a778; border-radius:4px 4px 0 0; 
								  -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.content_box.video .cover .box:hover		{ border-color:#cd3b4c; z-index:100; }
.content_box.video .cover .box img			{ width:100%; height:100%; }

.content_box.video .cover .box .covZom		{ position:absolute; left:5%; top:20%; width:90%; height:55%; z-index:100; }
.content_box.video .cover .box .covZom a	{ display:block; width:100%; height:100%; background:none; }

.content_box.video .cover .vc_title			{ margin:0 10px 10px 10px; position:relative; padding:5px; line-height:20px; font-weight:bold; 
											  background:#ddd; background:-moz-linear-gradient(left,#ddd,#eee,#ddd);
											  background:-webkit-linear-gradient(left,#ddd,#eee,#ddd); border-radius:0 0 4px 4px; }
.content_box.video .cover .vc_title span	{ display:block; height:20px; overflow:hidden; }






/*-------------------------------------------------------------{ Legality }------------------------------------------------------------------------*/
.legality_style			{ margin:0 auto; padding:25px 30px; max-width:852px; background:url(../img/frontend/legality_pattern.png) repeat left top; }
						  
.legality_style fieldset	{ padding:50px 20px; background:#eee url(../img/frontend/pattern_bg.png); border:3px solid rgba(0,0,0,0.4);
							  box-shadow:inset 0 0 0 4px #fff, inset 0 0 0 5px rgba(0,0,0,0.3),inset 0 0 0 6px #fff, inset 0 0 0 7px rgba(0,0,0,0.3); }
.legality_style legend		{ padding:0 10px; font-weight:bold; color:#777; border:1px solid rgba(0,0,0,0.1); border-radius:3px; }
.legality_style .row		{ margin:0; padding:15px; -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; }
.legality_style .row:nth-of-type(odd)	{ background:rgba(255,255,255,0.2); }
.legality_style .row:hover	{ background:rgba(255,255,255,0.5); }
.legality_style label		{ display:block; float:left; width:38%; text-align:right; }
.legality_style span		{ display:block; margin-left:40%; font-size:15px; font-weight:bold; }

/*---------------------------------------------------------------{ table }-------------------------------------------------------------------------*/
.table					{ margin:0 0 15px 0; padding:0px; width:100%; font-size:12px; font-weight:normal; border-collapse:collapse; }
.table th				{ padding:7px 10px; font-family:"Oswald", Tahoma; color:#7c5233; text-shadow:0 1px rgba(255,255,255,0.2);
						  text-transform: uppercase; font-weight:500; border:1px solid rgba(0,0,0,0.2); text-align:center; 
						  box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,0.4); background:#01a6de; 
						  background:-moz-linear-gradient(top, #c2a476,#f5d6a6,#c2a476);
						  background:-webkit-linear-gradient(top, #c2a476,#f5d6a6,#c2a476); }
.table td				{ padding:7px 10px; border:1px solid rgba(0,0,0,0.1); font-weight:; }
.table tr					{ background:rgba(0,0,0,0.02); -moz-transition:0.2s; -webkit-transition:0.2s; transition:0.2s; }
.table tr:nth-of-type(even)	{ background:rgba(0,0,0,0.05); } 
.table tr:hover				{ background:rgba(0,0,0,0.07); color:#01a6de; box-shadow:inset 0 1px rgba(255,255,255,0.5); }

.table td h3			{ margin-bottom:5px; font-size:14px; color:#666; }
.table td a				{ color:; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.table, .table thead, .table tbody, .table th, .table td, .table tr { display: block; }
	.table thead tr 		{ position: absolute; top: -9999px; left: -9999px; } 
	.table tr				{ border: 1px solid rgba(0,0,0,0.1); border-bottom:0px; margin-bottom:5px; } 
	.table td				{ border: none; border-bottom: 1px solid rgba(0,0,0,0.1); position: relative; padding-left:45%; text-align:left; } 
	
	.table td:before		{ position: absolute; top:7px; left:10px; width:39%; padding-right: 10px; color:#555; white-space:nowrap;
							  font-weight:normal; }
	.table td:before		{ content: attr(data-title); }
	.table tr:hover td:before	{ color:#444; }
	
	
	.table.event_table td		{ padding-left:100px; } 
	
	.table.event_table td:before{ width:100px; font-weight:bold; }
}


/*------------------------------------------------------------{ contact us }-----------------------------------------------------------------------*/
.office_wrap			{ position:relative; margin:0 0 20px 0; padding:0; height:300px; background:; border:2px solid rgba(255,255,255,0.5);
						  box-shadow:0 0 0 2px #dcc194; }
#maps_box				{ position:relative; width:100%; height:300px; }
#maps_box img			{ max-width:none; }

.head_office			{ position:absolute; right:20px; top:20px; bottom:20px; padding:20px; width:40%; color:#fff; text-shadow:0 1px rgba(0,0,0,0.2);
						  background:rgba(0,0,0,0.6); border-radius:8px; font-weight:normal; z-index:2; }
.head_office h3			{ margin-bottom:5px; color:#fff; }
.head_office .list		{ padding-left:20px; }
.head_office .list label		{ float:left; display:block; width:80px; padding:5px 0; line-height:18px; }
.head_office .list label code	{ float:right; }
.head_office .list span			{ display:block; margin-left:90px; padding:5px 0; line-height:18px; font-size:15px; font-family:Oswald, Arial; }


/*------------------------------------------------------------{ Form table }-----------------------------------------------------------------------*/
.form_style				{ margin:0px 0; padding:0; width:100%; font-size:13px; background:; }
.form_style table		{ margin:0 auto; padding:0; width:100%; border-collapse:collapse; }
.form_style table tr:nth-of-type(even)	{ background:rgba(0,0,0,0.03); margin:0 10px; }
/*.form_style table tr:first-child td	{ padding-top:40px; }
.form_style table tr:last-child td	{ padding-bottom:40px; }*/
.form_style table td			{ margin:0; padding:12px 5px; }
.form_style table td span		{ display:block; position:relative; }
.form_style table td label		{ padding:5px 0 0 0; display:block; font-weight:bold; }
.form_style table td input,
.form_style table td textarea, 
.form_style table td select			{ padding:3px 3px 4px 3px; width:190px; color:#888; background:#fff; border:solid 1px rgba(0,0,0,0.2); }
.form_style table td input:hover,
.form_style table td textarea:hover, 
.form_style table td select:hover	{ color:#777; border:1px solid #c3a577; }
.form_style table td input:focus,
.form_style table td textarea:focus, 
.form_style table td select:focus	{ background:#f6f6f6; color:#666; border:1px solid #c3a577; box-shadow:inset 1px 1px 1px #ceccd1; }
.form_style table td textarea		{ width:250px; height:80px; }

.form_style span.textError		{ position:absolute; top:2px; left:200px; padding-left:7px; z-index:1; 
								  background:url(../img/frontend/span_error_bg2.png) no-repeat left center; }
.form_style span.textError p	{ margin:0; padding:3px 7px; line-height:normal; font-size:10px; color:#ccc; background:#000; 
								  background:rgba(0,0,0,0.9); border:1px solid #000; border-radius:3px; }
.form_style p					{ margin:0px; padding:0px; }


/*---------------------------------------------------------------{ faq }---------------------------------------------------------------------------*/
.faq_cont .faq_title	{ margin-bottom:10px; padding:0; color:#888; font-size:15px; font-weight:bold; border:1px solid #d9d9d9; cursor:pointer; 
						  -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; box-shadow:inset 5px 0 #d9d9d9; 
						  background:#f1f1f1 url(../img/frontend/pattern_bg.png); text-shadow:0 1px rgba(255,255,255,0.5); }
.faq_cont .faq_title:hover	{ background-color:#e9e9e9; box-shadow:inset 5px 0 #01a6de; }
.faq_cont .openheader		{ color:#01a6de; background-color:#e9e9e9; box-shadow:inset 5px 0 #01a6de; }
.faq_cont .faq_title span	{ display:block; padding:15px 10px 15px 50px; background:url(../img/frontend/faq.png) no-repeat 15px 13px; }
.faq_cont .openheader span	{ background:url(../img/frontend/faq_active.png) no-repeat 15px 13px; }
.faq_cont .faq_box		{ margin:-11px 0 10px 0; padding:20px; border:1px solid #01a6de; }


/*------------------------------------------------------------{ pagination }-----------------------------------------------------------------------*/
.pagiNation				{ margin:0; padding:15px 0; line-height:25px; text-align:center; font-family:'Gotham', Arial; font-size:11px; }
.pagiNation span		{ display:inline-block; margin:2px; padding:0; color:#666; font-weight:bold; border:1px solid rgba(0,0,0,0.2); border-radius:3px; 
						  background:#e4c596; box-shadow:inset 0 5px 10px rgba(255,255,255,0.7),0 2px rgba(0,0,0,0.05); 
						  -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.pagiNation span:hover	{ background:#fff; border-color:#bb1d2d;}
.pagiNation span.ui-state-disabled,
.pagiNation span.active	{ padding:0 10px; color:#bb1d2d; text-shadow:0 1px 0 rgba(255,255,255,0.15); background:#fff; box-shadow:none; 
						  border-color:#bb1d2d; }
.pagiNation span:active	{ background:#fff; }
.pagiNation span a		{ display:block; margin:0; padding:0 10px; color:#666; text-shadow:0 1px 0 rgba(255,255,255,0.5); }
.pagiNation span a:hover{ color:#bb1d2d; text-decoration:none; }
.pagiNation span:active a	{ color:#000; }
.pagiNation span:first-child a,
.pagiNation span:first-child{ border-radius:5px 3px 3px 5px; }
.pagiNation span:last-child a,
.pagiNation span:last-child	{ border-radius:3px 5px 5px 3px; }


/*--------------------------------------------------------------{ footer }-------------------------------------------------------------------------*/
#footer					{ margin:0 auto; padding:10px 0 0 0; font-size:12px; border-top:4px solid #bb1d2d; background:#d9bb8b; 
						  box-shadow:inset 0 2px 3px rgba(0,0,0,0.3); }
#footer .footer_contact	{ margin:0 auto 5px auto; padding:0; color:rgba(0,0,0,0.5); text-shadow:0 1px rgba(255,255,255,0.3); 
						  border:1px solid rgba(0,0,0,0.2); border-left:none; border-right:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2); 
						  background:#b6996a; background:-moz-linear-gradient(left, #b6996a, #fcddad, #b6996a); 
						  background:-webkit-linear-gradient(left, #b6996a, #fcddad, #b6996a); }
.footer_contact .fc_left	{ margin-right:310px; /*background:rgba(0,0,0,0.2);*/ }
.footer_contact .fc_left .box	{ margin:0; padding:45px 10px 0 10px; }
.footer_contact .fc_left label	{ display:block; color:rgba(0,0,0,0.45); font-size:15px; font-weight:bold; }
.footer_contact .fc_left label.phone	{ padding-left:25px; background:url(../img/frontend/phone_icon.png) no-repeat left center; }
.footer_contact .fc_left label.mobile	{ padding-left:20px; background:url(../img/frontend/mobile_icon.png) no-repeat left center; }
.footer_contact .fc_left span	{ display:block; color:rgba(0,0,0,0.45); font-size:30px; font-weight:bold; }

.footer_contact .fc_left .logoSSL	{ margin:0 auto; padding:21px 0; width:100px; text-align:center; }
.footer_contact .fc_left .fcl_left	{ float:left; padding:35px 0; width:38%; text-align:center; }
.footer_contact .fc_left .fcl_right	{ float:right; padding:35px 0; width:38%; text-align:center; }
.footer_contact .fc_left .fcl_left label,
.footer_contact .fc_left .fcl_right label	{ display:inline-block; }

.footer_contact .fc_right	{ float:right; padding:0 10px; width:270px; font-weight:500; border-left:1px solid rgba(0,0,0,0.2);
							  box-shadow:inset 1px 0 rgba(255,255,255,0.2), -1px 0 rgba(255,255,255,0.2); }
.footer_contact .fc_right .box	{ margin:0; padding:15px 0 15px 20px; }
.footer_contact .fc_right h3	{ margin:0 0 5px 0; padding:0; font-size:18px; font-weight:normal; }
.footer_contact .fc_right p		{ line-height:normal; }
.footer_contact .fc_right span.email{ display:block; padding-left:25px; font-size:13px; font-weight:bold;
									  background:url(../img/frontend/email_icon.png) no-repeat left center; }

#footer .copyright		{ margin:0 auto; padding:15px 10px; text-align:center; color:rgba(255,255,255,0.4); text-shadow:0 1px rgba(0,0,0,0.5); 
						  background:#333; background:-moz-linear-gradient(left, #333, #3c3c3c, #333); 
						  background:-webkit-linear-gradient(left, #333, #3c3c3c, #333); }
.copyright p			{ margin:0; padding:0; line-height:normal; }
.copyright a			{ color:rgba(255,255,255,0.5); }
.copyright a:hover		{ color:#168ebb; }
.copyright img			{ width:15px; vertical-align:middle; opacity:0.7; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.copyright img:hover	{ opacity:1; }






/*------------------------------------------------------------{ Animation }------------------------------------------------------------------------*/
@-moz-keyframes rotate		{	0%   {-moz-transform:rotate(0deg); opacity:0;} 100% {-moz-transform:rotate(360deg); opacity:1;}	}
@-webkit-keyframes rotate	{	0%   {-webkit-transform:rotate(0deg); opacity:0;} 100% {-webkit-transform:rotate(360deg); opacity:1;}	}
@-moz-keyframes rotateY		{	0%   {-moz-transform:rotateY(0deg); opacity:0;} 100% {-moz-transform:rotateY(360deg); opacity:1;}	}
@-webkit-keyframes rotateY	{	0%   {-webkit-transform:rotateY(0deg); opacity:0;} 100% {-webkit-transform:rotateY(360deg); opacity:1;}	}
@-moz-keyframes rotateX		{	0%   {-moz-transform:rotateX(0deg); opacity:0;} 100% {-moz-transform:rotateX(360deg); opacity:1;}	}
@-webkit-keyframes rotateX	{	0%   {-webkit-transform:rotateX(0deg); opacity:0;} 100% {-webkit-transform:rotateX(360deg); opacity:1;}	}



@-moz-keyframes bubble		{	0%   {-moz-transform: scale(0);opacity: 0;} 10%  {-moz-transform: scale(1);opacity: 0.5;}
								50%  {-moz-transform: scale(1.5);opacity: 0;} 100% {-moz-transform: scale(0);opacity: 0;}	}
@-webkit-keyframes bubble	{	0%   {-webkit-transform: scale(0);opacity: 0;} 10%  {-webkit-transform: scale(1);opacity: 0.5;}
								50%  {-webkit-transform: scale(1.5);opacity: 0;} 100% {-webkit-transform: scale(0);opacity: 0;}	}

											  

@-moz-keyframes blink		{	0%	{ opacity:1.0; } 50% {opacity:0; } 100%{ opacity:1.0; }	}
@-webkit-keyframes blink	{	0%	{ opacity:1.0; } 50% {opacity:0; } 100%{ opacity:1.0; }	}



/*------------------------------------------------------{ shake efek(bergetar/bergoyang) }------------------------------------------------------*/
@-moz-keyframes shake{0%{-moz-transform:translate(2px,1px) rotate(0deg)}10%{-moz-transform:translate(-1px,-2px) rotate(-1deg)}20%{-moz-transform:translate(-3px,0px) rotate(1deg)}30%{-moz-transform:translate(0px,2px) rotate(0deg)}40%{-moz-transform:translate(1px,-1px) rotate(1deg)}50%{-moz-transform:translate(-1px,2px) rotate(-1deg)}60%{-moz-transform:translate(-3px,1px) rotate(0deg)}70%{-moz-transform:translate(2px,1px) rotate(-1deg)}80%{-moz-transform:translate(-1px,-1px) rotate(1deg)}90%{-moz-transform:translate(2px,2px) rotate(0deg)}100%{-moz-transform:translate(1px,-2px) rotate(-1deg)}}
@-webkit-keyframes shake{0%{-webkit-transform:translate(2px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px,0px) rotate(1deg)}30%{-webkit-transform:translate(0px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(2px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(2px,2px) rotate(0deg)}100%{-webkit-transform:translate(1px,-2px) rotate(-1deg)}}
@-o-keyframes shake{0%{-o-transform:translate(2px,1px) rotate(0deg)}10%{-o-transform:translate(-1px,-2px) rotate(-1deg)}20%{-o-transform:translate(-3px,0px) rotate(1deg)}30%{-o-transform:translate(0px,2px) rotate(0deg)}40%{-o-transform:translate(1px,-1px) rotate(1deg)}50%{-o-transform:translate(-1px,2px) rotate(-1deg)}60%{-o-transform:translate(-3px,1px) rotate(0deg)}70%{-o-transform:translate(2px,1px) rotate(-1deg)}80%{-o-transform:translate(-1px,-1px) rotate(1deg)}90%{-o-transform:translate(2px,2px) rotate(0deg)}100%{-o-transform:translate(1px,-2px) rotate(-1deg)}}
@keyframes shake{0%{transform:translate(2px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0px) rotate(1deg)}30%{transform:translate(0px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(2px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(2px,2px) rotate(0deg)}100%{transform:translate(1px,-2px) rotate(-1deg)}}

.shake{display:inline-block}
.shake:hover,.shake:focus{-moz-animation:shake .8s linear infinite;-webkit-animation:shake .8s linear infinite;-o-animation:shake .8s linear infinite;animation:shake .8s linear infinite;-moz-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}